<div class="wrapper-1">
  <div class="wrapper-2">
    <div class="wrapper-3">
      <div class="left-bg">
        <div class="right-bg">
          <div id="middle">
            <div id="middle-expand">
              <div id="main">
                <div id="main-shift">
                  <div class="contentleft-bg">
                    <div class="contentright-bg">
                      <div id="mainmiddle">
                        <div id="mainmiddle-expand">
                          <div id="content">
                            <div id="content-shift">
                              <div id="breadcrumbs"> <span class="breadcrumbs"> <a href="<?php echo base_url(); ?>">Home</a> <span class="current">FAQS</span></span> </div>
                              <div id="component" class="floatbox">
                                <div class="joomla columnwidth-310">
                                  <script type="text/javascript">
						            $(document).ready(function(){				
						                $("#btn-submit").click(function(){
						                    f = $("#haname").val();
											phone = $("#haphone").val();
						                    e = $("#haemail").val();
						                    content = $("#hacontent").val();
						                    $.ajax({
						                        "url" : "<?php echo base_url(); ?>home/contact/ajax",
						                        "type" : "post",
						                        "data" : "name="+f+"&phone="+phone+"&email="+e+"&content="+content,
						                        beforeSend: function(){
						                            $("#view").html("Loading ...");
						                        },
						                        success : function(kq){
						                            if(kq == 1){
						                                $("#view").html("Please enter full information!");
						                            }else{
														if(kq == 3){
															$("#view").html("<span style='color:#060;font-weight:bold;'>Your comment has been sent, we will contact you soon.</span>");
															$("#haname").val("");
															$("#haphone").val("");
															$("#haemail").val("");
															$("#hacontent").val("");
						                                	
														}else{
															$("#view").html(kq+" <br /><img src='<?php echo base_url(); ?>public/images/ajax-loader.gif' />");
														}
						                            }
						                        },
						                    });
						                return false;
						            });
						        });
						        </script>
                                  <div class="article">
                                    <h3>Phpandmysql.net</h3>
                                    <h2>Contact Us</h2>
                                    <span style="font-size:14px;">Hotline: +84 974136509</span> <br>
                                    <p>Email: sales@phpandmysql.net</p>
                                    <hr>
                                    <div id="view" style="color:#F00"></div>
                                    <form action="javascript:void(0)" method="post" style="margin:30 30 5 30px; padding:5px">
                                      <fieldset>
                                        <legend>Infomation</legend>
                                        <div style="float: left; display:block; text-align:left">
                                          <label for="Name">Full Name <span style="color:red"> (*)</span></label>
                                          <input type="text" id="haname" name="Name" maxlength="100" style="width: 300px; float: left;">
                                        </div>
                                        <div style="float: left; display:block; text-align:left">
                                          <label for="Email">Email<span style="color:red"> (*)</span></label>
                                          <input type="text" id="haemail" name="Email" style=" width: 300px; float: left;">
                                        </div>
                                        <div style="float: left; display:block; text-align:left">
                                          <label for="Phone">Phone</label>
                                          <input type="text" id="haphone" name="Phone" style=" width:300px;float:left;">
                                        </div>
                                        <div style="float:left;display:block;text-align:left">
                                          <label for="Content">Message <span style="color:red"> (*)</span></label>
                                          <textarea id="hacontent" name="Message" rows="10" cols="20" style=" width: 500px; float: left;"></textarea>
                                        </div>
                                        <div style="float: left; display:block; text-align:left">
                                          <label for="Content">*</label>
                                          <i>Please be as specific as possible.</i> </div>
                                      </fieldset>
                                      <p>
                                        <input type="submit" id="btn-submit" value="Send" class="button" style="float:right; font-size:18px; font-weight:bold; padding:7px;">
                                      </p>
                                    </form>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- content end -->  
                        </div>
                      </div>
                      <!-- mainmiddle end --> 
                    </div>
                  </div>
                </div>
              </div>
              <div id="right" style="min-height:955px; ">
                <?php $this->load->view("public/tickets"); ?>
                <?php $this->load->view("public/advs"); ?>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="wrapper-b1">
  <div class="wrapper-b2">
    <div class="wrapper-b3"></div>
  </div>
</div>
</div>
</div>
</div>